//var token= window.localStorage.getItem("token");
window.onload = function () {
    if (!window.applicationCache) {
        window.location.href = "ie.html";
    }
}
//页面加载
$('body').show();
$('.version').text(NProgress.version);
NProgress.start();
setTimeout(function () {
    NProgress.done();
    $('.fade').removeClass('out');
}, 1000);
//返回顶部按钮
$(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 100) {
            $(".gotop").fadeIn();
        } else {
            $(".gotop").hide();
        }
    });
    $(".gotop").click(function () {
        $('html,body').animate({
            'scrollTop': 0
        }, 500);
    });
});
//提示插件启用
$(function () {
    $('[data-toggle="popover"]').popover();
});
$(function () {
    $('[data-toggle="tooltip"]').tooltip();
});
//鼠标滑过显示 滑离隐藏
//banner
$(function () {
    $(".carousel").hover(function () {
        $(this).find(".carousel-control").show();
    }, function () {
        $(this).find(".carousel-control").hide();
    });
});
//本周热门
$(function () {
    $(".hot-content ul li").hover(function () {
        $(this).find("h3").show();
    }, function () {
        $(this).find("h3").hide();
    });
});
//相关推荐
$(function () {
    $(".related-content ul li").hover(function () {
        $(this).find("h3").show();
    }, function () {
        $(this).find("h3").hide();
    });
});
//页面元素智能定位
$.fn.smartFloat = function () {
    var position = function (element) {
        var top = element.position().top; //当前元素对象element距离浏览器上边缘的距离
        var pos = element.css("position"); //当前元素距离页面document顶部的距离
        $(window).scroll(function () { //侦听滚动时
            var scrolls = $(this).scrollTop();
            if (scrolls > top) { //如果滚动到页面超出了当前元素element的相对页面顶部的高度
                if (window.XMLHttpRequest) { //如果不是ie6
                    element.css({ //设置css
                        position: "fixed", //固定定位,即不再跟随滚动
                        top: 0 //距离页面顶部为0
                    }).addClass("shadow"); //加上阴影样式.shadow
                } else { //如果是ie6
                    element.css({
                        top: scrolls //与页面顶部距离
                    });
                }
            } else {
                element.css({ //如果当前元素element未滚动到浏览器上边缘，则使用默认样式
                    position: pos,
                    top: top
                }).removeClass("shadow"); //移除阴影样式.shadow
            }
        });
    };
    return $(this).each(function () {
        position($(this));
    });
};
//启用页面元素智能定位
$(function () {
    $("#search").smartFloat();
});


//ajax更新点赞值
$(function () {
    $(".content .zambia a").click(function () {
        var zambia = $(this);
        var id = zambia.attr("rel"); //对应id
        zambia.fadeOut(1000); //渐隐效果
        $.ajax({
            type: "POST",
            url: "zambia.php",
            data: "id=" + id,
            cache: false, //不缓存此页面
            success: function (data) {
                zambia.html(data);
                zambia.fadeIn(1000); //渐显效果
            }
        });
        return false;
    });
});
var user2 = window.localStorage.getItem("user1");
var user =JSON.parse(user2);

var demo = new Vue({
    el: '#app',
    data: {
        getUrl: 'http://localhost:8601/', //存数据接口
        listArticle: "",
        commentAll: "",
        listNewArticle: "",
        listHotArticle: "",
        randNote: "",
        article_id: "",
        aprev:"上一篇",
        anext:"下一篇",
        dian:"请登录",
        zhu:"",
        cang:"请登录",
        randtime:"",
        listArticlexgtj:"",
    },
    created: function () {
        this.getlistArticle();
        this.newhotArticle();
        this.showtime();
    },
    methods: {
        showtime:function () {
            var mydate = new Date();
            var str = "" + mydate.getFullYear() + "年";
            str += (mydate.getMonth()+1) + "月";
            str += mydate.getDate() + "日";
            this.randtime=str;
        },

        dataJson: function () {
            var str = window.location.search; //获取链接中传递的参数
            var orderData = str.substring(str.indexOf("=") + 1); //?orderData={"roomNum":"210","orderDay":"TODAY","orderTime":["10301100","11001140"]}
            var reg = new RegExp("%22", "g");
            var dataJson = $.parseJSON(orderData.replace(reg, "\""));
            console.log(dataJson);
            this.article_id = dataJson;
        },
        uppage:function () {
            var that = this;
            $.ajax({
                url: that.getUrl + 'qArticle/uppageView', //处理页面的路径
                data: {
                    article_id:that.article_id,
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function(data) { //回调函数 ,成功时返回的数据存在形参data里

                }
            });
        },
        
        getlistArticle: function () {
            var that = this;

            if (that.article_id == 0) {
                this.dataJson();
                this.uppage();
            }


            $.ajax({
                url: that.getUrl + 'Article/ArticleComment', //处理页面的路径
                data: {
                    article_id: that.article_id
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里
                    that.listArticle = data[0];
                    that.commentAll = data[0].commentList;
                    that.dz();
                    that.getlistArticlexgtj();
                    that.shoucang();

                }
            });



        },
        getlistArticlexgtj:function() {
            var that=this;
            $.ajax({
                url: that.getUrl + 'Article/AllArticle', //处理页面的路径
                data: {
                    article_cid:that.listArticle.article_cid,
                    article_id:that.listArticle.article_id,
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                    that.listArticlexgtj = data;
                }
            });
        },


        newhotArticle: function () {
            var that = this;
            //去数据库进行匹配
            $.ajax({
                url: that.getUrl + 'qArticle/newHotArticle', //处理页面的路径
                data: {
                    article_title: 'article_publishDate',
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里

                    that.listNewArticle = data;
                }
            });
            $.ajax({
                url: that.getUrl + 'UserLogin/randNote', //处理页面的路径
                data: {}, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里

                    that.randNote = data;
                }
            });
            $.ajax({
                url: that.getUrl + 'qArticle/newHotArticle', //处理页面的路径
                data: {
                    article_title: 'article_pageView',
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里

                    that.listHotArticle = data;
                }
            });
        },
        saveComment: function () {
            var that = this;
            $.ajax({
                url: that.getUrl + 'qArticle/addComment', //处理页面的路径
                data: {
                    comment_userid: user.user_id,
                    comment_articleid: that.article_id,
                    comment_coumtent: $("#commentContent").val(),
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里
                    if (data == 1) {
                        confirm("评论成功！");
                        window.location.href = "content.html?article_id=" + that.article_id;
                        //that.getlistArticle();
                         //window.location.reload();
                    }else {
                        alert(data.msg);
                    }
                }
            });
        },
        content: function (la) {
            this.article_id = la.article_id;
            this.getlistArticle();

        },
        conprev: function () {
            var that=this;
            $.ajax({
                url: that.getUrl + 'qArticle/artprev', //处理页面的路径
                data: {
                    article_id: that.article_id
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里

                    if(data != 0){
                        that.anext="下一篇";
                        that.article_id=data;
                        that.getlistArticle();
                    }else {
                        that.aprev="已经是第一篇文章了";
                        //alert("已经是第一篇文章了");
                    }

                }
            });

        },
        connext: function () {
            var that=this;
            $.ajax({
                url: that.getUrl + 'qArticle/artnext', //处理页面的路径
                data: {
                    article_id: that.article_id
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function (data) { //回调函数 ,成功时返回的数据存在形参data里

                    if(data != 0){
                        that.aprev="上一篇";
                        that.article_id=data;
                        that.getlistArticle();
                    }else {
                        that.anext="已经是最后一篇文章了";
                        //alert("已经是最后一篇文章了");
                    }
                }
            });
        },

        getlistArticlexgtj:function() {
            var that=this;
            $.ajax({
                url: that.getUrl + 'Article/AllArticle', //处理页面的路径
                data: {
                    article_cid:that.listArticle.article_cid,
                    article_id:that.listArticle.article_id,
                }, //要提交的数据是一个JSON
                type: "GET", //提交方式
                dataType: "json", //返回数据的类型
                //TEXT字符串 JSON返回JSON XML返回XML
                success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                    that.listArticlexgtj = data;
                }
            });
        },

        guanzhu:function(){
            var that=this;
            if(user!=null){
                $.ajax({
                    url: that.getUrl + 'User/Allguanzhu', //处理页面的路径
                    data: {
                        attention_userId:user.user_id,
                        attention_attentionUserId:that.listArticle.user.user_id,
                    }, //要提交的数据是一个JSON
                    type: "GET", //提交方式
                    dataType: "json", //返回数据的类型
                    //TEXT字符串 JSON返回JSON XML返回XML
                    success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                        if(data==1){
                            that.zhu="已关注";
                            document.getElementById("dianjiguanzhu").style.color="black";

                        }else{
                            that.zhu="未关注";
                            document.getElementById("dianjiguanzhu").style.color="black";
                        }
                    }
                });
            }
        },
        guanzhuup: function() {
            var that=this;
            if(user!=null){
                $.ajax({
                    url: that.getUrl + 'User/upguanzhu', //处理页面的路径
                    data: {
                        attention_userId:user.user_id,
                        attention_attentionUserId:that.listArticle.user.user_id,
                    }, //要提交的数据是一个JSON
                    type: "GET", //提交方式
                    dataType: "json", //返回数据的类型
                    //TEXT字符串 JSON返回JSON XML返回XML
                    success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                        if(data==1){
                            that.zhu="已关注";
                            document.getElementById("dianjiguanzhu").style.color="black";
                        }else{
                            that.zhu="未关注";

                            document.getElementById("dianjiguanzhu").style.color="black";
                        }
                        // window.location.reload();

                    }
                });
            }else{
                alert("请先登录");
            }
        },

        shoucang:function(){
            var that=this;
            if(user!=null){
                $.ajax({
                    url: that.getUrl + 'User/Allshoucang', //处理页面的路径
                    data: {
                        collect_userId:user.user_id,
                        collect_articleId:that.listArticle.user.user_id
                    }, //要提交的数据是一个JSON
                    type: "GET", //提交方式
                    dataType: "json", //返回数据的类型
                    //TEXT字符串 JSON返回JSON XML返回XML
                    success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                        if(data==1){
                            that.cang="已收藏";
                            document.getElementById("dianjishoucang").style.color="black";

                        }else{
                            that.cang="未收藏";
                            document.getElementById("dianjishoucang").style.color="black";
                        }
                    }
                });
            }
        },
        shoucangup: function() {
            var that=this;
            if(user!=null){
                $.ajax({
                    url: that.getUrl + 'User/upshoucang', //处理页面的路径
                    data: {
                        collect_userId:user.user_id,
                        collect_articleId:that.listArticle.user.user_id,
                    }, //要提交的数据是一个JSON
                    type: "GET", //提交方式
                    dataType: "json", //返回数据的类型
                    //TEXT字符串 JSON返回JSON XML返回XML
                    success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                        if(data==1){
                            that.cang="已收藏";
                            document.getElementById("dianjishoucang").style.color="black";
                        }else{
                            that.cang="未收藏";
                            document.getElementById("dianjishoucang").style.color="black";
                        }
                        // window.location.reload();

                    }
                });
            }else{
                alert("请先登录");
            }
        },dz:function(){
            var that=this;
            if(user!=null){
                $.ajax({
                    url: that.getUrl + 'DianAll', //处理页面的路径
                    data: {
                        articleclick_userId:user.user_id,
                        articleclick_acticleId:that.listArticle.article_id
                    }, //要提交的数据是一个JSON
                    type: "GET", //提交方式
                    dataType: "json", //返回数据的类型
                    //TEXT字符串 JSON返回JSON XML返回XML
                    success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                        if(data==1){
                            that.dian="已赞";
                            document.getElementById("dianjidianzhan").style.color="black";
                        }else{
                            that.dian="未赞";
                            document.getElementById("dianjidianzhan").style.color="white";
                        }
                    }
                });
            }
        },
        dianzhan: function() {
            var that=this;
            if(user!=null){
                $.ajax({
                    url: that.getUrl + 'DianZanAll', //处理页面的路径
                    data: {
                        articleclick_userId:user.user_id,
                        articleclick_acticleId:that.listArticle.article_id
                    }, //要提交的数据是一个JSON
                    type: "GET", //提交方式
                    dataType: "json", //返回数据的类型
                    //TEXT字符串 JSON返回JSON XML返回XML
                    success: function(data) { //回调函数 ,成功时返回的数据存在形参data里
                        if(data==1){
                            that.dian="已赞";
                            document.getElementById("dianjidianzhan").style.color="black";
                        }else{
                            that.dian="未赞";

                            document.getElementById("dianjidianzhan").style.color="white";
                        }
                        // window.location.reload();
                        that.getlistArticle();
                    }
                });
            }else{
                alert("请先登录");
            }
        },

    },
});
